<template>
  <div class="app-brand" :class="`app-brand--${type}`">
    <!--<span :class="`app-brand--${type}__today`">Today</span>
    <span :class="`app-brand--${type}__tomato`">Tomato</span>
    <span :class="`app-brand--${type}__dot`">●</span>-->
    <!--<image src="https://www.todaytomato.com:8055/logo.png"></image>-->
 		
    <span :class="`app-brand--${type}__today`">CZTech</span>
    <img src="https://www.todaytomato.com:8055/logo.png" style="width: 1.3rem; margin-bottom: -0.2rem;"></img>
    <span :class="`app-brand--${type}__today`">橙子信贷</span>
    <span :class="`app-brand--${type}__dot`">●</span>
  </div>
</template>

<script>
  export default {
    name: 'app-brand',
    props: {
      type: {
        type: String,
        required: true,
        validator: (str) => {
          if (str === 'navbar' || str === 'security') {
            return true;
          }
          return false;
        },
      },
    },
  };
</script>
